/* .news .topImg {
    width: 100vw;
} */

/*包含以下四种的链接*/

a {
  text-decoration: none;
}

/*正常的未被访问过的链接*/

a:link {
  text-decoration: none;
}

/*已经访问过的链接*/

a:visited {
  text-decoration: none;
}

/*鼠标划过(停留)的链接*/

a:hover {
  text-decoration: none;
}

/* 正在点击的链接*/

a:active {
  text-decoration: none;
}

.news /deep/ .btn-primary {
  background-color: #246be6;
  border: 0;
}

*,
html,
body {
  margin: 0;
  padding: 0;
}

.news {
  /* border: 1px solid black; */
  box-sizing: border-box;
  width: 100%;
  padding-bottom: 1%;
  /* max-width: 1900px; */
  /* display: flex;
    justify-content: center; */
  /* width:expression(this.width > 1900 ? "1900px" : this.width); */
}

.head {
  box-sizing: border-box;
  /*height: 15vh;*/
  width: 100%;
  display: flex;
  justify-content: center;
  /*align-items: center;*/
  /* font-size: 5vh; */
  font-size: 38px;
  font-family: Source Han Sans CN Normal;
  /*text-decoration:underline;*/
  margin-top: 10vh;
  /*font-weight: 500;*/
}

.head span {
  border-bottom: 4px solid #246be6;
  padding-bottom: 1vh;
  /* font-size: 5vh; */
  font-size: 38px;
}

.borde {
  display: flex;
  width: 100%;
  justify-content: center;
}

.body {
  /* height: 50vh; */
  display: flex;
  width: 100%;
  box-sizing: border-box;
  /* height: 100vh; */
  /* border: 1px solid black; */
  box-sizing: border-box;
  justify-content: center;
  max-width: 990px;
  flex-wrap: wrap;
  /* grid-template-columns: repeat(3, 31%); */
  /* grid-column-gap: 3.5%; */
  /*grid-row-gap: 5%;*/
  /* min-width:500px; */
}

.new {
  /* flex: 0 0 30%; */
  display: inline-block;
  /* border: 1px solid black; */
  box-sizing: border-box;
  /* height: 53vh; */
  height: 400px;
  width: 300px;
  border-radius: 10px;
  box-shadow: 0px 0px 18px 2px rgba(65, 77, 128, 0.22);
  /* margin: 5.5vh 2vh 1vh 2vh; */
  margin: 50px 13px 20px 13px;
  border-radius: 12px;
}

.animate__animated .animate__bounceInRight {
  --animate-duration: 2s;
}

:root {
  --animate-duration: 800ms;
  --animate-delay: 0.9s;
}

.new .image {
  flex-direction: row;
  display: flex;
  justify-content: center;
  /* align-items: center; */
  box-sizing: border-box;
  height: 55%;
  width: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin: 0;
  padding: 0;
  /* background-size: auto 100%; */
  background-position: center;
  background-repeat: no-repeat;
}

/* .new .image img {
    border-radius: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    box-sizing: border-box;
    height: 94%;
    width: 100%;
  } */

.new .msg {
  display: flex;
  justify-content: center;
  /* flex-direction: column; */
  /*border: 1px solid black;*/
  box-sizing: border-box;
  /* padding: 4% 6%; */
  height: 45%;
  width: 100%;
  /* font-size: 1.8vh; */
  /* font-size: 13.5px; */
  color: #b3c0d1;
  position: relative;
}

.new .msg .title {
  font-size: 18px;
  letter-spacing: 1px;
  color: #161629;
  box-sizing: border-box;
  margin-top: 3%;
  height: 28%;
  width: 90%;
  overflow: hidden;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.new .msg .introduce {
  /*border: 1px solid black;*/
  box-sizing: border-box;
  /* display: block; */
  /* height: 40%; */
  width: 90%;
  overflow: hidden;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: absolute;
  top: 40%;
  color: #4e4e4e;
  font-size: 13px;
  /* padding: 0 2%; */
}

.new .msg .time {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  /*border: 1px solid black;*/
  box-sizing: border-box;
  height: 20%;
  width: 90%;
  position: absolute;
  bottom: 2%;
  color: #4e4e4e;
  font-size: 13px;
}

.foot {
  /* border: 1px solid black; */
  box-sizing: border-box;
  height: 10vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.p1 {
  color: #ddd;
}
